<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="/${BasePath}/static/mobile/css/base.css" />
    <link rel="stylesheet" href="/${BasePath}/static/mobile/css/style.css" />
    <link rel="stylesheet" href="/${BasePath}/static/mobile/css/swiper.min.css" />
    <link rel="stylesheet" href="/${BasePath}/static/mobile/css/ydui.css" />
    <title>半岛云</title>  
</head>
<body>
    <input type="hidden" id="active" value="sc">
	<div class="wrap">
		<!--标题栏-->
		<div class="fixed_top">
			<div class="top-l"><a href="javascript:window.history.back()"><i class="icons">&#xe626;</i></a></div>
			<h2>产品列表</h1>
		</div>
		<!--主体区域-->
		<div class="container">	
			<!--卖场-->	
			<div class="ssmc" id="J_List">
				<ul class="ztmc_list" id="J_ListContent">

			    </ul>
		   </div>
		</div>
	
		
		<!--导航栏-->
      <#include "/common/foot.html">
       
	</div>
</body>
<script type="text/javascript" src="/${BasePath}/static/mobile/js/ydui.flexible.js"></script>
<script type="text/javascript" src="/${BasePath}/static/mobile/js/ydui.js"></script>
<script src="http://static.ydcss.com/libs/arttemplate/template.js"></script>
<script id="J_ListHtml" type="text/html">
    {{each list as data}}
		<li>
			<a href="/${BasePath}/free/productDetial?id={{data.id}}"><div class="img"><img src="{{data.productCover}}"/></div></a>
			<div class="prolist_info">
				<h4>{{data.productName}}</h4>
				<p class="red">￥{{data.productPrice}}</p>
				<a class="add"  onclick="addCart({{data.id}})"><i class="icons">&#xe60b;</i></a>
			</div>
		</li>
    {{/each}}
</script>
<script>
    /* 通过自定义的方法获取数据【通常是需要定义变量当前第几页page，和每页请求的记录数pageSize】 */
    var page = 1, pageSize = 6 ;

    $('#J_List').infiniteScroll({
        pageSize: pageSize,
        initLoad: true,
        loadingHtml: '<img src="http://static.ydcss.com/uploads/ydui/loading/loading10.svg"/>', /* 当然也可以<img src="../img/loading.gif" /> */
        doneTxt:'',
        loadListFn: function () {
            var def = $.Deferred();

            /* 通过自定义的方法获取数据 */
            $.ajax({
                url: '/${BasePath}/free/queryProductContentPage',
                dataType: 'json',
                data: { page: page, limit: pageSize,shopId: ${shopInfo.id!''}},
                success: function (ret) {
                	if(ret.code=="1"){
                		var temp = new Array();
                		temp.push("暂无数据")
                		def.resolve(temp);
                	}else{
                        /* 假设ret.list为后端返回的列表数组 */

                        /* 用你喜欢的方法将获取到的数据拼接成HTML，然后插入；*/
                        /* 建议使用模板引擎，示例使用artTemplate；https://github.com/aui/artTemplate */
                         var html = template('J_ListHtml', {list: ret.data});
                        $('#J_ListContent').append(html);

                        /* 获取数据，并插入页面后，调用resole，并传入当前获取的记录列表集合 */
                        def.resolve(ret.data);

                        /* 页码自增1 */
                        ++page;                		
                	}

                }
            });

            return def.promise();
        }
    }); 
    /*加入购物车*/
    function addCart(productId){
        $.ajax({
            type: 'post',
            url: "/${BasePath}/shops/addCart",
            data: {"productId":productId},
            dataType: 'json',
            error:function (XMLHttpRequest, textStatus, errorThrown) {
            	var html =XMLHttpRequest.responseText;
            	if(html.indexOf("登录")!=-1){
                	/* 调用2： */
                	YDUI.dialog.alert('您还未登录，前去登录！', function(){
                		window.location.href="/${BasePath}/user/login"
                	});
            	}else{
            		YDUI.dialog.alert('操作失败，请稍后再试！');
            	}
            },
            success: function(data){
                if (data.code == "1"){
                	/* 调用1(带时间)： */
                	YDUI.dialog.toast(data.msg, 'success', 2000, function () {
                	    /* 关闭后调用 */
                	});
                }else{
    				$("#nextBtn").attr('disabled',false);
    				$("#nextBtn").html("登录");
                	changeImg();
                	zz1(data.msg);
                }
            }
        });	    	
    }
</script>

</html>